﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <meta name="author" content="yswenli" />
    <title>报表</title>
    <link href="/content/css/layui.css" rel="stylesheet" />
    <link href="/content/css/global.css" rel="stylesheet" />
    <style type="text/css">
        a {
            color: #009688;
        }
    </style>
</head>
<body>
    <div class="layui-fluid">
        <div class="layui-row layui-col-space15" style="margin-top:15px;">
            <div class="layui-card">
                <div class="layui-card-header" style="font-size:18px;">
                    <span id="redis_name"></span>【<a href="javascript:;" id="redis_info">Redis Info</a>】 【<a href="javascript:;" id="redis_console">Redis Console</a>】【<a href="javascript:;" id="redis_clients">Redis Clients</a>】【<a href="javascript:;" id="alter_passwords">Alter Passwords</a>】
                </div>
                <div class="layui-card-body layuiadmin-card-list" style="height:757px;">
                    <div class="layui-col-sm6 layui-col-md6">
                        <div class="layui-card">
                            <div class="layui-card-header">
                                CPU
                                <span class="layui-badge layui-bg-blue layuiadmin-badge">Second</span>
                            </div>
                            <div class="layui-card-body layuiadmin-card-list">
                                <div id='redis-cpu-div' style='height:320px;'></div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-sm6 layui-col-md6">
                        <div class="layui-card">
                            <div class="layui-card-header">
                                MEM
                                <span class="layui-badge layui-bg-blue layuiadmin-badge">Second</span>
                            </div>
                            <div class="layui-card-body layuiadmin-card-list">
                                <div id='redis-mem-div' style='height:320px;'></div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md6 layui-col-md6">
                        <div class="layui-card">
                            <div class="layui-card-header">
                                CMD
                                <span class="layui-badge layui-bg-blue layuiadmin-badge">Second</span>
                            </div>
                            <div class="layui-card-body layuiadmin-card-list">
                                <div id='redis-cmd-div' style='height:320px;'></div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md6 layui-col-md6">
                        <div class="layui-card">
                            <div class="layui-card-header">
                                NET
                                <span class="layui-badge layui-bg-blue layuiadmin-badge">Second</span>
                            </div>
                            <div class="layui-card-body layuiadmin-card-list">
                                <div id='redis-net-div' style='height:320px;'></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-row layui-col-space15 cluster-content" style="margin-top:15px;">
            <div class="layui-card">
                <div class="layui-card-header" style="font-size:18px;">
                    redis cluster nodes <button class="layui-btn" id="add_master">add cluster node</button>
                </div>
                <div class="layui-card-body layuiadmin-card-list" style="height:650px; overflow:auto">
                    <div class="layui-col-sm12 layui-col-md12">
                        <div class="layui-card">
                            <table class="layui-table">
                                <colgroup>
                                    <col>
                                    <col>
                                    <col>
                                </colgroup>
                                <thead>
                                    <tr>
                                        <th>NodeID</th>
                                        <th>IPPort</th>
                                        <th>Status</th>
                                        <th>IsMaster</th>
                                        <th>MinSlots</th>
                                        <th>MaxSlots</th>
                                        <th>MasterNodeID</th>
                                        <th>操作</th>
                                    </tr>
                                </thead>
                                <tbody id="redis-data-body"></tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="content/js/layui.js"></script>
    <script src="content/js/echarts.common.min.js"></script>
    <script src="content/js/requestpamars.js"></script>
    <script src="content/js/redis.chart.js"></script>
    <script src="content/js/redis.cluster.js"></script>
</body>
</html>